<template>
  <div>
    <div>我是子组件</div>
    <button @click="parant()">点击调用父组件方法</button><br/>
    父组件demo:{{demo}}
  </div>
</template>

<script>
export default {
  props: {
      //第三种方法必须在子组件中用props定义
    parent1: {
      type: Function,
      default: null,
    },
    demo:{
        type:String,
         default: null,
    }
  },
  methods: {
    parant() {
        //第一种方法 使用$parent调用父组件方法的
      this.$parent.parent1();
      //第二种方法在父组件引用子组件中使用 @  将父组件方法引入在子组件使用 $emit(父组件方法)
        this.$emit("parent1","子组件提供的参数");
      //第三种方法在父组件引用子组件中使用 :  将父组件方法引入在子组件直接调用
      this.parent1();
    },
  },
};
</script>

<style>
</style>